<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>联系我</title>
  <!-- 公共文件 -->
  <link rel="stylesheet" href="./css/style.css">
  <!-- 主css文件 -->
  <link rel="stylesheet" href="./css/contact.css">
</head>

<body>
  <header id="header"></header>
  <section id="search">
    <div class="out-stryle" style="background: #010E1E;">
      <div id="particles-js"></div>
      <!-- <div class="search-content"> -->
      <h2 class="section-title">联系我</h2>
      <h4 class="sub-title">一段简要说明</h4>
      <img src="./images/contact/823ae20e237894b4aa0cc3a202b4ee6.jpg" class="place" alt="">


      <div id="contact-content">
        <div class="box">
          <div class="icon"><img src="./images/contact/address.png" alt=""></div>
          <div class="infor">
            <div>地址</div>
            <div class="infor2">哈尔滨市道外区黑龙江工程学院</div>
          </div>
        </div>
        <div class="box">
          <div class="icon"><img src="./images/contact/mailbox.png" alt=""></div>
          <div class="infor">
            <div>Email</div>
            <div class="infor2">2847337123@qq.com</div>
          </div>
        </div>
        <div class="box">
          <div class="icon"><img src="./images/contact/phone.png" style="width: 0.27;" alt=""></div>
          <div class="infor">
            <div>Call</div>
            <div class="infor2">13091627798</div>
          </div>
        </div>
      </div>
      <div class="box-name">
        <div class="yoursName"><input type="text" placeholder="您的姓名"></div>
        <div class="yoursEmail"><input type="text" placeholder="您的邮箱"></div>
      </div>
      <div class="theme"><input type="text" placeholder="主题"></div>
      <textarea class="content" placeholder="内容"></textarea>
      <button class="release">发布</button>
    </div>
  </section>

  <script src="./js/main.js"></script>
</body>

</html>